$(function () {
    init();
    function init() {
        // 初始化下拉刷新的
        mui.init({
            pullRefresh: {
                container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    height: 50,//可选,默认50.触发下拉刷新拖动距离,
                    auto: true,//可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () {
                        queryProductDetail(function (res) {
                            res.sizeArr = $.sizeFormat(res.size);
                            var html = template("mainTpl", res);
                            $(".mui-scroll").html(html);

                            // 轮播图初始化
                            //获得slider插件对象
                            var gallery = mui('.mui-slider');
                            gallery.slider({
                                interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
                            });

                            // 初始化数字输入框
                            mui(".mui-numbox").numbox();
                        })
                        // 结束下拉刷新
                        mui('#refreshContainer').pullRefresh().endPulldownToRefresh();

                    }
                }
            }
        });
        //更改被点击尺码span便签的样式
        $(".mui-scroll").on("tap", ".pro_size span", function () {
            $(this).addClass("active").siblings().removeClass("active");
        });
        //购物车按钮点击事件
        $(".addCartBtn").on("tap", function (e) {
            if ($(".pro_size span.active").length < 1) {
                // 不满足
                mui.toast("请选择尺码");
                return;
            }
            if ($(".mui-numbox-input").val() < 1) {
                mui.toast("请添加数量");
                return;
            }
            var queryObj = {
                productId: $.getQueryString("productId"),
                num: $(".mui-numbox-input").val(),
                size: $(".pro_size span.active").html()
            };

            //验证登录
            $.ltAjax({
                url: "/cart/addCart",
                type: "post",
                data: queryObj,
                success: function (res) {
                    mui.confirm("是否跳转到购物车", "温馨提示", ["是", "否"], function (a) {
                        if (a.index == 0) {
                            // 是 跳转页面到购物车 cart.html
                            location.href = "./cart.html";
                        } else {
                            // 否 
                        }
                    });
                }
            })
        })
    }

    function queryProductDetail(callback) {
        $.get("/product/queryProductDetail?id=" + $.getQueryString("productId"), function (res) {
            callback && callback(res);
        })
    }

   

})